/* Reset Styles: http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent;}
body { font-family: Verdana, sans-serif;line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {	outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
.cleaner {clear:both; visibility:hidden; font-size:0; height:0; display:block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*Example presentation*/
body{}
h1{display:none;}
h2 {color:#7D7B76;display:block;font-size:36px;text-shadow: 2px 2px 2px #000;}
p, caption{color:#5B1C47;font-weight:bold;line-height:20px;}
a{color:#939293;font-weight:bold;}
.main-wrap{margin:50px auto;width: 920px;}

.mod-menu-bar{background:transparent url(../img/bg-main-menu.png) repeat-x scroll 0 0;left:0;position:fixed;top:0;width:100%;z-index:999;}
.mod-menu-bar a.mod-tweet-link{color: #7D7B76; font-size:22px; font-weight:bold; float:left; display:block; margin-left:10px; padding:10px; text-decoration:none;text-shadow: 2px 2px 2px #000;}
.mod-menu-bar header{display:block;height:53px;margin:0 auto;width:900px;}
.mod-menu-bar header nav{float:right;}
.mod-menu-bar ul li{float:left;}
.mod-menu-bar ul li a{color:white;font-size:18px;font-weight:bold;display:block; padding:14px 20px; text-decoration:none;text-shadow: 2px 2px 2px #000;}
.mod-menu-bar ul li a.active{background:transparent url(../img/bg-main-menu-active.png) repeat-x scroll 0 0;}

.mod-table{-moz-box-shadow: -5px 5px 5px #ccc;-webkit-box-shadow: -5px 5px 5px #ccc;box-shadow: -5px 5px 5px #ccc;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border:1px solid gray;border-collapse:separate;clear:both;margin:5px auto;width:90%;}
.mod-table th{color:#fff;border:1px solid gray;padding:5px;background:transparent url(../img/bg-main-menu-active.png) repeat-x scroll 0 0;text-shadow: 2px 2px 2px #000;}
.mod-table td{background-color:#ffffff;border:1px solid gray;padding:5px;width:138px;}
.mod-table td ul{padding:5px;}
.mod-table td h3{color:#784067;font-size:14px;line-height:16px;padding:5px 0;text-decoration:underline;}
.mod-table td a{color:#784067;font-size:12px;line-height:14px;padding:2px 0;text-decoration:none;}
.mod-table tfoot{color:#784067;font-size:12px;line-height:14px;padding:2px 0;text-decoration:none;}
.mod-table .b{text-decoration: line-through;}
.mod-table .i{text-decoration: none;}
.mod-table .h{font-weight:bold;}



.mod-footer{margin:0 auto;width: 500px;}
.mod-footer{margin:0 auto;width: 500px;}

.mod-phrase{ color: #939293;font-size: 20px;font-weight: bold;text-shadow: 2px 2px 2px #CCCCCC;}

.mod-projects-list{width:550px;}

.code{-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;white-space: pre;font-size:12px;padding:5px;}
.code-html{background-color:#F5F5F5;}
.code-js{background-color:#D1D3EF; line-height: 14px;}
.code-css{background-color:#95EFA1; line-height: 14px;}

section{border:1px solid #ccc;display:block;min-height:560px;padding-bottom:30px;overflow:hidden;clear:both;}
section  h2{float:left;clear:both;padding:10px;width:96%;text-align:right;}


footer {
background-color: #DAD9D8;
display: block;
height: 40px;
/*margin: 60px 0 0;*/
padding: 10px 0;
overflow:auto;
/*position: relative;*/
width: 100%;
}

/* Pages */
	
.pages-list .roundabout-holder { padding: 0; height: 5em; list-style: none }
.pages-list .roundabout-moveable-item { 
      height: 350px; 
      width: 250px; 
      cursor: pointer;
      background-color: #ffc;
      border: 1px solid #999;
}
.pages-list .roundabout-in-focus { cursor: auto; }

.pages-list{
    display: block;
    height: 500px;
    margin-top: 30px;
    padding: 0;
    position: relative;
    z-index: 100;
}

.mini-tem{background-color:#ccc;display:block;overflow:auto;padding:2px;margin:5px;text-decoration:none;width:140px;}
.mini-con{background-color:#ffffff;border:1px dotted black;color:#000;display:block;float:left;font-size:9px;min-height:20px;margin:2px;line-height:16px;padding:auto;text-align:center;padding:5px 0;}
.mini-con-header, .mini-con-footer, .mini-con-neck{width:134px;}
.mini-con-body{height:15px;padding:21px 0;width:134px;}
.mini-con-body-1{height:15px;padding:21px 0;width:98px;}
.mini-con-body-2{height:15px;padding:21px 0;width:62px;}
.mini-con-left, .mini-con-right{height:15px;padding:21px 0;width:30px;}
.mini-con-left-1, .mini-con-right-1{height:56px;padding:21px 0;width:30px;}
.mini-con-right-1{float:right;}
.mini-con-social{width:32px;}
.mini-con-search{width:60px;}
.templates-list li{float:left;}
section ul{clear:both;}
section h3{clear:both;padding:10px;}
